.login {
    min-width: 1000px;
    width              : 100%;
    height             : 100%;
    background-image   : url('../../assets/images/login-bg.png');
    background-size    : cover;
    background-position: center;
    position           : relative;

    &-con {
        position : absolute;
        left    : 50%;
        margin-left: -500px;
        top      : 50%;
        margin-top: -288px;
        width    : 1000px;
        height: 576px;
        .login-left-bg {
            width           : 500px;
            height          : 576px;
        }

        &-header {
            font-size  : 16px;
            font-weight: 300;
            text-align : center;
            padding    : 30px 0;
        }

        .form-con {
            width: 500px;
            padding: 90px 0 0;
            h4{
                color: #57a3f3;
                text-align: center;
                font-size: 24px;
                margin-bottom: 50px;
                letter-spacing: 3px;
            }
        }
        .login-tip {
            text-align: center;
        }
        .login-tip img{
            width: 60px;
            height: auto;
            margin-top: 20px;
            margin-bottom: 20px;
        }
    }
    .clearfix:after,
    .clearfix:before {
        content: "";
        /*加一段内容*/
        display: table;
        /*创建匿名的表格单元，触发bfc*/
    }

    .clearfix:after {
        clear: both;
        /*清除浮动*/
    }

    .clearfix {
        zoom: 1;
        /*为IE6，7的兼容性设置*/
    }

    .lf {
        float: left;
    }

    .rt {
        float: right;
    }
}